<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
    <title>捷豹英仕挑战赛</title>  
    <link rel="stylesheet" href="/Public/Home/css/font.css" />
    <link rel="stylesheet" href="/Public/Home/css/rsult.css" />
    <script type="text/javascript" src="/Public/Home/js/jquery.min.js"></script>  
	<script src="/Public/Home/js/adaptUILayout.js"></script> 
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script language="javascript">
		adaptUILayout.adapt(640);
		wx.config({
    debug: false,
    appId: "{$arr.appid}",
    timestamp:"{$arr.timestamp}",
    nonceStr:"{$arr.noncestr}",
    signature:"{$arr.signature}",
    jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
      ]
});
	


	wx.ready(function () {
		var t='分享 | 我的捷豹英仕大片';
		var s='捷豹英仕挑战赛 驭享性能美学 赢英仕格调之旅';
		var u='http://jaguar2016.weixinzjit.com/index.php/Home/Jaguar/result?uid='+"{$re.id}";
		var i='http://jaguar2016.weixinzjit.com/Public/Home/img/fx.jpg';
		
		wx.onMenuShareTimeline({
			    title: s, // 分享标题
			    link: u, // 分享链接
			    imgUrl: i, // 分享图标
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
		wx.onMenuShareAppMessage({
			    title: t, // 分享标题
			    desc: s, // 分享描述
			    link: u, // 分享链接
			    imgUrl: i, // 分享图标
			    type: '', // 分享类型,music、video或link，不填默认为link
			    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
			
		wx.onMenuShareQQ({
			    title: t, // 分享标题
			    desc: s, // 分享描述
			    link: u, // 分享链接
			    imgUrl: i, // 分享图标
			    success: function () { 
			       // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			       // 用户取消分享后执行的回调函数
			    }
			});
			
		wx.onMenuShareWeibo({
		    title: t, // 分享标题
		    desc: s, // 分享描述
		    link: u, // 分享链接
		    imgUrl: i, // 分享图标
			   success: function () { 
			       // 用户确认分享后执行的回调函数
			    },
			   cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
		
		wx.onMenuShareQZone({
			    title: t, // 分享标题
			    desc: s, // 分享描述
			    link: u, // 分享链接
			    imgUrl: i, // 分享图标
			    success: function () { 
			       // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
		
	});
	</script> 
</head>
<body>
	<div id="resultbd">
		<div id="resultbg"></div>
		<p class="r_top">THE ART OF<b>PERFORMANCE</b>TOUR</p>
		<p class="r_info">{$name}，恭喜您完成捷豹英仕挑战赛！<br />您的最终得分为:<br /><span><b>{$fen}</b></span></p>
		<div id="v_box">
			
			<video src="{$res.g1_value}" controls="controls" width="555" height="350"></video>
		</div>
		<h3><b>驭享性能美学</b>赢英仕格调之旅</h3>
		<dl>
			
			<dd>{$res.g2_score}</dd>
			
			<dd>{$res.g4_score}</dd>
			<dd>{$res.g5_score}</dd>
		</dl>
		<div id="oprbox">
			<span class="fl">&nbsp;</span>
			<b>&nbsp;</b>
			<span class="fr">&nbsp;</span>
		</div>
	</div>
	<div class="bg" style="background: #000; width: 100%; height: 100%; position: fixed; top: 0px; opacity: 0.8; color: #fff; padding-top: 80%; font-size: 40px; text-align: center;">
		请点击右上角按钮进行分享。
	</div>
</body>

<script>  
$(function(){ 	
	$('.bg').hide();
	$('.bg').click(function(){
		$('.bg').hide();
	})
	$('.fr').click(function(){
		$('.bg').show();
	})
	$('.fl').click(function(){
			window.location.href="{:U('Activity/main')}";
	})
});
</script>
</html>